irongit
Sign inRegister
huncholanehuncholane/dotfilesPublic

Not for normies

dotfiles/waybar/style/[Dark] Golden Eclipse.css
205 lines3.6 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Golden Eclipse */
3
4* {
5font-family: "JetBrainsMono Nerd Font";
6font-weight: bold;
7min-height: 0;
8/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9font-size: 97%;
10font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11padding: 1px;
12}
13
14
15window#waybar {
16 transition-property: background-color;
17 transition-duration: 0.5s;
18 background: #000000;
19 padding-top: 3px;
20 padding-bottom: 3px;
21 padding-right: 4px;
22 padding-left: 4px;
23 border-radius: 12px;
24}
25
26window#waybar.hidden {
27 opacity: 0.2;
28}
29
30#waybar.empty #window {
31 background: none;
32}
33
34#backlight,
35#backlight-slider,
36#battery,
37#bluetooth,
38#clock,
39#cpu,
40#disk,
41#idle_inhibitor,
42#keyboard-state,
43#memory,
44#mode,
45#mpris,
46#network,
47#power-profiles-daemon,
48#pulseaudio,
49#pulseaudio-slider,
50#taskbar,
51#temperature,
52#tray,
53#window,
54#wireplumber,
55#workspaces,
56#custom-backlight,
57#custom-browser,
58#custom-cava_mviz,
59#custom-cycle_wall,
60#custom-dot_update,
61#custom-file_manager,
62#custom-keybinds,
63#custom-keyboard,
64#custom-light_dark,
65#custom-lock,
66#custom-hint,
67#custom-hypridle,
68#custom-menu,
69#custom-power_vertical,
70#custom-power,
71#custom-quit,
72#custom-reboot,
73#custom-settings,
74#custom-spotify,
75#custom-swaync,
76#custom-tty,
77#custom-updater,
78#custom-weather,
79#custom-weather.clearNight,
80#custom-weather.cloudyFoggyDay,
81#custom-weather.cloudyFoggyNight,
82#custom-weather.default,
83#custom-weather.rainyDay,
84#custom-weather.rainyNight,
85#custom-weather.severe,
86#custom-weather.showyIcyDay,
87#custom-weather.snowyIcyNight,
88#custom-weather.sunnyDay{
89 color: #fcba03;
90 padding-top: 3px;
91 padding-bottom: 3px;
92 padding-right: 6px;
93 padding-left: 6px;
94}
95
96#temperature.critical {
97 background-color: red;
98}
99
100#tray > .passive {
101 -gtk-icon-effect: dim;
102}
103#tray > .needs-attention {
104 -gtk-icon-effect: highlight;
105}
106
107@keyframes blink {
108 to {
109 color: #000000;
110 }
111}
112
113/*-----Indicators----*/
114#custom-hypridle.notactive,
115#idle_inhibitor.activated {
116 color: cyan;
117}
118
119#battery.critical:not(.charging) {
120 color: #f53c3c;
121 animation-name: blink;
122 animation-duration: 3.0s;
123 animation-timing-function: steps(12);
124 animation-iteration-count: infinite;
125 animation-direction: alternate;
126}
127
128#taskbar button,
129#workspaces button {
130 box-shadow: none;
131 text-shadow: none;
132 padding: 0px;
133 border-radius: 9px;
134 padding-left: 4px;
135 padding-right: 4px;
136 animation: gradient_f 20s ease-in infinite;
137 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
138 color: #fcba03;
139}
140
141#taskbar button:hover,
142#workspaces button:hover {
143 border-radius: 10px;
144 color: #a6adc8;
145 background-color: #ffeb8a;
146 padding-left: 2px;
147 padding-right: 2px;
148 animation: gradient_f 20s ease-in infinite;
149 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
150}
151
152#workspaces button.persistent {
153 color: #fcba03;
154 border-radius: 10px;
155}
156
157#taskbar button.active,
158#workspaces button.active {
159 color: black;
160 background-color: #fcba03;
161 border-radius: 10px;
162 padding-left: 8px;
163 padding-right: 8px;
164 animation: gradient_f 20s ease-in infinite;
165 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
166}
167
168#workspaces button.urgent {
169 color: red;
170 border-radius: 0px;
171}
172
173
174#pulseaudio.muted {
175 color: red;
176}
177
178#network.disconnected,
179#network.disabled {
180 background-color: #fcba03;
181 color: #cdd6f4;
182}
183
184#backlight-slider slider,
185#pulseaudio-slider slider {
186 min-width: 0px;
187 min-height: 0px;
188 opacity: 0;
189 background-image: none;
190 border: none;
191 box-shadow: none;
192}
193
194#backlight-slider trough,
195#pulseaudio-slider trough {
196 min-width: 80px;
197 min-height: 5px;
198 border-radius: 5px;
199}
200
201#backlight-slider highlight,
202#pulseaudio-slider highlight {
203 min-height: 10px;
204 border-radius: 5px;
205}